"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = TagExample;

var _react = _interopRequireDefault(require("react"));

var _design = require("@discuzq/design");

require("./index.scss");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function TagExample() {
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "page"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "tag-section"
  }, /*#__PURE__*/_react.default.createElement(_design.Divider, {
    orientation: "left"
  }, ' ', /*#__PURE__*/_react.default.createElement("span", {
    className: "tag-divider"
  }, "Preset"), ' '), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 10
    },
    size: "lg",
    type: "success"
  }, "success"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 16
    },
    size: "lg",
    type: "warning"
  }, "warning"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 16
    },
    size: "lg",
    type: "primary"
  }, "primary"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 16
    },
    size: "lg",
    type: "danger"
  }, "danger"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 16
    },
    size: "lg",
    type: "default"
  }, "default"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 16
    },
    size: "lg",
    type: "orange"
  }, "orange"), /*#__PURE__*/_react.default.createElement(_design.Divider, {
    orientation: "left"
  }, ' ', /*#__PURE__*/_react.default.createElement("span", {
    className: "tag-divider"
  }, "Custom"), ' '), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 16,
      color: '#fff',
      borderColor: '#f50',
      backgroundColor: 'rgb(255, 85, 0)'
    },
    size: "lg"
  }, "#f50"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 16,
      color: '#fff',
      borderColor: '#2db7f5',
      backgroundColor: 'rgb(45, 183, 245)'
    },
    size: "lg"
  }, "#2db7f5"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 16,
      color: '#fff',
      borderColor: '#87d068',
      backgroundColor: 'rgb(135, 208, 104)'
    },
    size: "lg"
  }, "#87d068"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 16,
      color: '#fff',
      borderColor: '#108ee9',
      backgroundColor: 'rgb(16, 142, 233)'
    },
    size: "lg"
  }, "#108ee9")));
}